<!-- parent  -->
[[extend './shared/_layout.html']]
<!-- header -->
[[block 'header']]
<link href="/assets/css/main.css" rel="stylesheet"> [[/block]]

<!-- footer -->
[[block 'footer']]
<script src="/assets/js/main.js"></script> [[/block]]
<!-- main -->
[[block 'body']]
<div class="bodyer">
    <!-- 主图 -->
    <div class="main-pic">
        <div class="main-inner">
            <h1>汇集最优秀的coding，做最优秀的产品</h1>
            <h2>HTML5 Design Software</h2>
            <div class="btns">
                <a target="_blank" href="https://github.com/mtsee/h5ds" class="btn btn-introduce">
                    <i class="iconfont"></i>源码下载</a>
                <a href="/case" class="btn btn-downcode">
                    <i class="iconfont"></i>免费试用</a>
            </div>
            <div class="downcount">
                下载
                <em>5640</em>次
            </div>
            <div class="joinus">
                <span>qq群：549856478</span>
            </div>
        </div>
    </div>

    <!-- 功能介绍 -->
    <div class="main-introduce main-module">
        <h1 class="title">组件化开发，高扩展性</h1>
        <h2 class="des">产品设计之初就是为了实现高拓展性，能提供给开发者一个公用的二次开发模块</h2>
        <ul class="modules clearfix">
            <li>
                <i class="iconfont icon-icon3"></i>
                <h3>代码模块化</h3>
                <p>代码进行了完全模块化拆分，利于后期维护。</p>
            </li>
            <li>
                <i class="iconfont icon-mokuaiguanli"></i>
                <h3>超高拓展性</h3>
                <p>采用接口模式，提供了丰富的类库包含了常用的方法。</p>
            </li>
            <li>
                <i class="iconfont icon-baoku"></i>
                <h3>丰富的插件</h3>
                <p>包含20多种专门为编辑设计开发的插件，方便二次开发</p>
            </li>
            <li>
                <i class="iconfont icon-yunjisuan_xingneng"></i>
                <h3>超强的性能</h3>
                <p>webpack打包压缩， 压缩代码不足100KB，code少，功能强！</p>
            </li>
            <li>
                <i class="iconfont icon-dapeida"></i>
                <h3>功能可定制</h3>
                <p>基于layer的高拓展性，可轻松实现功能定制</p>
            </li>
        </ul>
    </div>

    <!-- UI介绍 -->
    <div class="main-ui main-module">
        <h1 class="title">重金打造专业UI设计</h1>
        <h2 class="des">每个产品细节设计，按钮，都考虑到用户的使用体验，耗费重金打造最完美的用户体验</h2>
        <div class="ui-pic">
            <img src="/assets/images/pc.jpg" alt="">
        </div>
    </div>

    <!-- 工具介绍 -->
    <div class="main-utils main-module">
        <h1 class="title">站在巨人的肩膀上</h1>
        <h2 class="des">采用当前最流行的前端技术，全模块化构建项目。全采用自己编写的插件，技术可控。</h2>
        <ul class="logos">
            <li>
                <img src="/assets/images/logo1.jpg" alt="" />
            </li>
            <li>
                <img src="/assets/images/logo2.jpg" alt="" />
            </li>
            <li>
                <img src="/assets/images/logo3.jpg" alt="" />
            </li>
            <li>
                <img src="/assets/images/logo4.jpg" alt="" />
            </li>
            <li>
                <img src="/assets/images/logo5.jpg" alt="" />
            </li>
            <li>
                <img src="/assets/images/logo6.jpg" alt="" />
            </li>
            <li>
                <img src="/assets/images/logo7.jpg" alt="" />
            </li>
        </ul>
    </div>

    <!-- star -->
    <div class="main-github">
        <div class="github-box">
            <h1>梦想还是要有的，万一实现了呢？</h1>
            <p>
                <i class="iconfont"></i> star: 650
                <br>
                <br> 如果觉得对您有用，不要吝啬star
            </p>
        </div>
    </div>

</div>
[[/block]]
